<!DOCTYPE html>
<script src="../../resources/testharness.js"></script>
<script src="../../resources/testharnessreport.js"></script>
<script src="../assert_selection.js"></script>
<script>
selection_test(
  [ '<div contenteditable>',
      '<div contenteditable="false">',
        '<span>&nbsp;</span>',
        '<span contenteditable>^Hello</span>',
      '</div>',
      '<div>|<br></div>',
    '</div>',
  ],
  'delete',
  [ '<div contenteditable>',
      '<div contenteditable="false">',
        '<span>\xa0</span>',
        '<span contenteditable>|</span>',
      '</div>',
      '<div><br></div>',
    '</div>',
  ],
  'Test stage 1, tests deleting a selection that starts at the beginning of an editable pocket'
+ ' inside a non-editable table. The caret should not disappear during the delete and should be'
+ ' placed inside the editable span.'
);
selection_test(
  [ '<div contenteditable>',
      '<div contenteditable="false">',
        '<span>\xa0</span>',
        '<span contenteditable>|</span>',
      '</div>',
      '<div><br></div>',
    '</div>',
  ],
  'insertText Text',
  [ '<div contenteditable>',
      '<div contenteditable="false">',
        '<span>\xa0</span>',
        '<span contenteditable>Text|</span>',
      '</div>',
      '<div><br></div>',
    '</div>',
  ],
  'Test stage 2, when text is then inserted, it should be placed inside that span.'
);
</script>
